<div id="background" style='background-image:url(updates/background.jpg); background-repeat:no-repeat'></div>
<div id="updates" ng-controller="UpdatesCtrl">
	<div id='page-title' ng-style="{width:titleWidth()}">{{localize('Nav Pane','Updates')}}</div>
    <div id='fullcontentUpdates' ng-style="{width:fullContentWidth()}">
        <ul ng-style="{height: contentHeight()}">
            <li ng-repeat="update in updates" class='nowrap-ellipses ipm-message'>
                <div class="page-subtitle">{{update.title}}</div>
                <div class="description" ng-bind-html="update.html"></div>
            </li>
            <li>
                <div class='hr'></div>
                <input id='chkNotify' type='checkbox' ng-model='notify' ng-change="notifyChange()">
                <label class="description" for="chkNotify">{{localize('Updates', 'Notify me of updates')}}</label>
                <br />
                <input id='chkDownload' type='checkbox' ng-model='download' ng-change="downloadChange()">
                <label class="description" for="chkDownload">{{localize('Updates', 'Automatically download updates')}}</label>
            </li>
        </ul>
    </div>
</div>
